<template>
    <div class="auth_div">
        <ul class="auth_table">
            <li>组件(权限)</li>
            <li>开关(权限)</li>
        </ul>
        <item :level="1"  v-for="(v,i) in router" :key="i" :router="v" :parent="router">
        </item>
    </div>
</template>

<script>
import router from "@/utils/constRouter";
import item from './item'
export default {
    name: 'auth',
    components:{
        item
    },
    data(){
        return{
            router:router
        }
    }
}
</script>

<style  rel="stylesheet/scss" lang="scss" scoped>
.auth_div{
    padding: 15px;
}
.auth_table{
    list-style: none;
    display: flex;
    font-weight: bold;
    // background: #909399;
    box-shadow: 0 0 10px #eee;
    font-size: 20px;
    li{
        border: 1px solid #DCDFE6;
        border-right: 0;
        padding: 15px;
        text-align: center;
        flex: 4;
        float: left;
        display: block;
    }
    li:last-child{
        flex: 1;
        border-right: 1px solid #DCDFE6;
    }
}

</style>


